﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 引入bootstrap -->
    <link rel="stylesheet" type="text/css" href="../../Content/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/css/bootstrap-theme.min.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/css/site.css" />
    <!-- 引入bootstrap必要的js -->
    <script src="../../scripts/jquery-1.9.1-vsdoc.js"></script>
    <script src="../../scripts/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <!-- header start -->
        <div class="header clearfix">
            <div class="logo ">
                <img src="../../Content/img/logo.png" class="img-responsive" />
            </div>
            <div class="site-title">
                <span>合肥工业大学勤工助学中心</span><br />
                <span class="en">HFUTQINGONGZHUXUEZHONGXIN</span></div>
            <div class="header-right">
                <ul>
                    <li class="wechart"><a href="#">官方微博</a></li>
                    <li class="weibo"><a href="#">官方微信</a></li>
                    <li>
                        <img src="../../Content/img/erweima.png" /></li>
                </ul>
            </div>
            <!-- 清除浮动  -->
            <div class="clearfix">
            </div>
            <div class="menu ">
                <ul class="">
                    <li class="act"><a href="#">首页</a> </li>
                    <li><a href="#">关于我们</a> </li>
                    <li><a href="#">中心公告</a> </li>
                    <li><a href="#">新闻中心</a> </li>
                    <li><a href="#">校内招聘</a> </li>
                    <li><a href="#">校外招聘</a> </li>
                    <li><a href="#">家教招聘</a> </li>
                    <li><a href="#">勤工培训</a> </li>
                    <li><a href="#">下载中心</a> </li>
                </ul>
            </div>
        </div>
        <div class="banner">
            <h1>
                立足校园 服务社会</h1>
        </div>
        <!-- header end -->
        <!-- 功能区域 -->
        <div class="function-box clearfix">
            <div class="col-md-3 col-xs-6 box yellow">
                <h2>
                    招聘信息发布</h2>
                <a href="#">发布</a>
            </div>
            <div class="col-md-3 col-xs-6 box oragner">
                <h2>
                    家教信息发布</h2>
                <a href="#">发布</a>
            </div>
            <div class="col-md-3 col-xs-6 box red">
                <h2>
                    校内单位登陆</h2>
                <a href="#">登陆</a>
            </div>
            <div class="col-md-3 col-xs-6 box purple">
                <h2>
                    学生登陆</h2>
                <a href="#">登陆</a><a href="#">注册</a>
            </div>
        </div>
        <!-- 功能区域 end -->
        <!-- news -->
        <div class="news-box row">
            <div class="news col-md-8">
                <div class="title">
                    <h2>
                        新闻中心</h2>
                    <a class="more" href="#">更多...</a>
                </div>
                <div class="newscontent row clearfix">
                    <div class="lunbo col-xs-5">
                        <img class="img-responsive" src="../../Content/img/xwzx.png" />
                    </div>
                    <ul class="newslist col-xs-7">
                        <li><a href="#">超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试</a><span>2017年8月17日</span></li>
                        <li><a href="#">合肥工业大学勤工助学中心管理系统上线测试</a><span>2017年8月17日</span></li>
                        <li><a href="#">合肥工业大学勤工助学中心管理系统上线测试</a><span>2017年8月17日</span></li>
                        <li><a href="#">合肥工业大学勤工助学中心管理系统上线测试</a><span>2017年8月17日</span></li>
                        <li><a href="#">合肥工业大学勤工助学中心管理系统上线测试</a><span>2017年8月17日</span></li>
                        <li><a href="#">合肥工业大学勤工助学中心管理系统上线测试</a><span>2017年8月17日</span></li>
                    </ul>
                </div>
            </div>
            <div class="notice col-md-4">
                <div class="title">
                    <h2>
                        中心公告</h2>
                    <a class="more" href="#">更多...</a>
                </div>
                <ul class="newslist">
                    <li><a href="#">超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试</a><span>2017年8月17日</span></li>
                    <li><a href="#">超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试</a><span>2017年8月17日</span></li>
                    <li><a href="#">超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试</a><span>2017年8月17日</span></li>
                    <li><a href="#">超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试</a><span>2017年8月17日</span></li>
                    <li><a href="#">超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试</a><span>2017年8月17日</span></li>
                    <li><a href="#">超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试超长文本测试</a><span>2017年8月17日</span></li>
                </ul>
            </div>
        </div>
        <!-- news end -->
        <!-- 招聘 -->
        <div class="zhaopin-box">
            <div class="banner-title">
                招聘/培训
            </div>
            <div class="row">
                <div class="list-box col-md-6">
                    <div class="title">
                        校外招聘<a href="#" class="more">更多...</a></div>
                    <ul>
                        <li class=" table-header"><span>项目名称</span> <span>校区限制</span> <span>性别限制</span> <span>
                            岗位情况</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" act">可报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" act">可报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                    </ul>
                </div>
                <div class="list-box col-md-6">
                    <div class="title">
                        校外招聘<a href="#" class="more">更多...</a></div>
                    <ul>
                        <li class=" table-header"><span>项目名称</span> <span>校区限制</span> <span>性别限制</span> <span>
                            岗位情况</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" act">可报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" act">可报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                    </ul>
                </div>
                <div class="list-box col-md-6">
                    <div class="title">
                        家教招聘<a href="#" class="more">更多...</a></div>
                    <ul class="jiajiao">
                        <li class=" table-header"><span>年级</span> <span>科目</span> <span>性别限制</span> <span>岗位情况</span>
                        </li>
                        <li><a href="#">大一</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" act">可报名</span> </li>
                        <li><a href="#">大一</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">大一</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" act">可报名</span> </li>
                        <li><a href="#">大一</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">大一</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">大一</a>
                            <a href="#">新校区</a> <a href="#">男</a> <span class=" full">截止报名</span> </li>
                    </ul>
                </div>
                <div class="list-box col-md-6">
                    <div class="title">
                        勤工培训<a href="#" class="more">更多...</a></div>
                    <ul class="peixun">
                        <li class=" table-header"><span>培训内容</span> <span>培训地点</span><span>
                            岗位情况</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <span class=" act">可报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <span class=" act">可报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a>  <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <span class=" full">截止报名</span> </li>
                        <li><a href="#">合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试合肥工业大学超长文本测试</a>
                            <a href="#">新校区</a> <span class=" full">截止报名</span> </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 招聘 end -->
        <!-- 友情链接 -->
        <div class="link-box">
            <div class="banner-title">
                友情链接
            </div>
            <dl class="linkdl clearfix ">
                <dt>校内职能部门</dt>
                <dd class="col-xs-10">
                    <ul class="clearfix">
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                    </ul>
                </dd>
            </dl>
            <dl class="linkdl clearfix ">
                <dt>校内职能部门</dt>
                <dd class="col-xs-10">
                    <ul class="clearfix">
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                    </ul>
                </dd>
            </dl>
            <dl class="linkdl clearfix ">
                <dt>校内职能部门</dt>
                <dd class="col-xs-10">
                    <ul class="clearfix">
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                        <li><a href="">宣传部</a></li>
                    </ul>
                </dd>
            </dl>
        </div>
        <!-- 友情链接 end-->
    </div>
    <!-- footer-->
    <div class="footer">
        <div class="footlink">
            <div class="container">
                <ul class="clearfix">
                    <li><a href="">关于我们</a></li>
                    <li><a href="">中心公告</a></li>
                    <li><a href="">新闻中心</a></li>
                    <li><a href="">校内招聘</a></li>
                    <li><a href="">校外招聘</a></li>
                    <li><a href="">家教信息</a></li>
                    <li><a href="">勤工培训</a></li>
                    <li><a href="">下载中心</a></li>
                </ul>
            </div>
        </div>
        <div class="container footcontent">
            <div class="logo ">
                <img src="../../Content/img/logo.png" class="img-responsive" />
            </div>
            <div class="site-title">
                <span>合肥工业大学勤工助学中心</span><br />
                <span class="en">HFUTQINGONGZHUXUEZHONGXIN</span></div>
            <div class="foot-right-box">
                合肥工业大学 学生资助服务中心 勤工助学中心 ALL RIGHTES RESERVER.<br />
                屯溪路校区： 学生资助服务中西（德园4楼） 电话：0511-123456 0511-12345676 办公时间： 8：00-18：00<br />
                屯溪路校区： 学生资助服务中西（德园4楼） 电话：0511-123456 办公时间： 8：00-18：00<br />
            </div>
        </div>
    </div>
    <!-- footer end-->
</body>
</html>
